<div dir="ltr" style="text-align: left;" trbidi="on">

<script type="text/javascript">

$(window).on('load', function(){

    $('#slider img:gt(0)').hide();

    setupSlideSelector();

    setInterval(nextSliderImage,5000);

    resizeSlider();

    $.getJSON('http://www.nptraveler.org/feeds/posts/default?alt=json',showRecentActivity);

});

$(window).on('resize', function(){

    resizeSlider();

    resizeActivity();

});

</script>

<style>

html,body {
   overflow:hidden;
}
.page-header, .post-title , .footer-outer , .blog-pager , .comments , .post-footer , .clear , .blog-feeds {
  display: none;
}

.content-outer {
   padding-top: 0px;
   max-width: 100%;
}

.content-inner {
    box-shadow: none;
}

.main-inner, .content-inner, .column-center-inner {
    padding: 0;
    background-color: #EFEFEF;
}

.post-header, .main-inner, .content-inner, .date-outer {
    margin: 0 0 0 0;
}

.main-inner .date-outer {
    margin-bottom: 0;
}

#navbar {
   display: none;
}

#left-container, #right-container {
    background-color: #FFFFFF;
    padding: 20px;
    box-shadow: 5px 5px 5px 5px #999999;
    min-height: 400px;
}

#slider-container {
    position: relative;
    text-align:center;
}

#slider, #slider-text {
    width: 100%;
    overflow: hidden;
    text-align:center
}

#slider {
    position: relative;
    top: 0;
    left: 0;
    background: #FFFFFF;
    min-height: 420px;
}

#slider img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#slider-text {
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 3;
    background: transparent url('http://www.blogblog.com/1kt/travel/bg_black_50.png') repeat top left;
    color: #FFFFFF;
    font-size: 24px;
    height: 32px;
}

#right-container {
    min-width: 300px;
    max-width: 300px;
    overflow: hidden;
}

#main-table {
    position: relative; 
    width: 100%;
    border-spacing: 20px;
}

.activity-entry {
    height: 40px;
    width: 100%;
    padding: 10px 0 10px 0;
    border-top: 2px solid grey;
}

.activity-entry img {
    float: left;
    height: 100%; 
    padding-right: 10px;
}

.activity-entry a {
    color: #222222;
}

.actvity-entry a:hover {
    text-decoration: underline;
}

.slide-selector-button {
   height: 16px;
   padding: 4px;
}

</style>

<table id="main-table"><tbody><tr><td style="width:100%;">

<div id="left-container">

<div id="slider-header" style="font-size: 36px; padding-bottom: 5px;">National Park Traveler ...</div>

<div id="slider-container">
<div id="slider">
<a href="http://www.nptraveler.org/2012/06/haleakala-national-park.html" imageanchor="1" target="_blank">
           <img alt="Mt. Rainier National Park" border="0" src="http://3.bp.blogspot.com/-_suxMaeLsRQ/UIVmzO6gRwI/AAAAAAAAx1A/FFtvUaR2QJ8/s1600/IMG_0698.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/12/mt-rainier-national-park.html" imageanchor="1" target="_blank">
           <img alt="Haleakala National Park" border="0" src="http://1.bp.blogspot.com/-fk1AbC6m3k8/T9bq4glV_sI/AAAAAAAApdQ/aqtlnO2c7_s/s1600/DSC_0133.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/08/hawaii-volcanoes-national-park.html" imageanchor="1" target="_blank">
           <img alt="Hawaii Volcanoes National Park" border="0" src="http://1.bp.blogspot.com/-j0wvr5d0XXk/UEBIddEv1UI/AAAAAAAAubI/ndVy-e3DubU/s1600/DSC_0205.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/02/carlsbad-caverns-national-park.html" imageanchor="1" target="_blank">
           <img alt="Carlsbad Caverns National Park" border="0" src="http://2.bp.blogspot.com/-BM96COeDVSQ/T0R5dZJeF3I/AAAAAAAANxc/WkZhASJ-RX0/s1600/DSC_0518.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/02/guadalupe-mountain-national-park.html" imageanchor="1" target="_blank">
           <img alt="Guadalupe Mountains National Park" border="0" src="http://4.bp.blogspot.com/-A4rtBspD-NQ/Tz_PslB775I/AAAAAAAANAk/HHwZ_r-KUow/s1600/DSC_0151.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/02/big-bend-national-park.html" imageanchor="1" target="_blank">
           <img alt="Big Bend National Park" border="0" src="http://4.bp.blogspot.com/-RE6oeqnAI5A/TzVF6xTIPZI/AAAAAAAALlc/m_BXcaAsdwI/s1600/DSC_0496.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/03/great-smoky-mountains-national-park.html" imageanchor="1" target="_blank">
           <img alt="Great Smoky Mountains National Park" border="0" src="http://2.bp.blogspot.com/-8pbe_3ULi88/T1TlhcBF6lI/AAAAAAAASac/oVSBMiABBFE/s1600/DSC_0339.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/05/crater-lake-national-park.html" imageanchor="1" target="_blank">
           <img alt="Crater Lake National Park" border="0" src="http://4.bp.blogspot.com/-kJzNSQJIBBQ/T6mxCmVjqAI/AAAAAAAAdqc/MYLclXupyWI/s1600/IMG_1367.JPG" /></a>
        <a href="http://www.nptraveler.org/2012/03/mammoth-caves-national-park.html" imageanchor="1">
           <img alt="Mammoth Caves National Park" border="0" src="http://4.bp.blogspot.com/-TsAqyKIXulQ/T1mHmpF_MoI/AAAAAAAAUI4/siREuCEC_RE/s1600/DSC_0231.JPG" /></a>
    </div>

<div id="slider-text"></div>
</div>

<div id="slide-selector" style="padding-top: 5px; text-align: center;"></div>

<div id="slider-footer" style="font-size: 200%; text-align: right;"><i> ... discovering nature at it's very best</i></div>

</div>

</td>

<td>

<div id="right-container">

<div id="actvity-header" style="font-size: 24px; padding-bottom: 5px;"> Recent posts ... </div>

<div id="activity"> </div>
</div>

</td></tr></tbody></table>
</div>
